#wrapper{
	margin: 20px auto;
	padding: 20px;
	width:800px;
	background:#F8F8F8;
	border:3px ridge black;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-box-shadow: #B3B3B3 15px 15px 15px;
	-moz-box-shadow: #B3B3B3 15px 15px 15px; 
	box-shadow: #B3B3B3 15px 15px 15px;
}

#header{}
#content{
  padding: 5px;
	border:1px ridge white;
	border-radius: 5px; 
  box-shadow: #B3B3B3 1px 1px 1px; 
}
#footer{
  font-size: 10px;
  text-align: right;
}

#task_name{
  width: 399px;
}

#task_name, #task_start{
  height: 35px;
  line-height: 35px;
  margin-bottom:5px;
}

#task_start{
  background: url(../images/start_003.png) no-repeat top center;
  width: 36px;
}

#counter{
	margin:0 auto;
	width:440px;
}

#clock{
	margin-top:5px;
	margin-bottom:5px;
}

h1{
	margin:0;
	padding:0;
}


/*TABLA*/
caption {font-size: 1.7em; color: #F06; text-align: left;}
table {margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
td, th {padding: 10px 4px; border-bottom: 1px solid #EEE;}
/*
td + td {border-left: 1px solid #FAFAFA; color: #999;}
td + td + td {color: #666; border-left: none;}
*/
td a {color: #444; text-decoration: none; text-align: right;}
td a, th a {display: block; width: 100%;}
td a:hover {background: #444; color: #FFF;}
tfoot th {text-align: right;}
th {text-align: left;}
/*
th + th {text-align: right;}
th + th + th {text-align: left;}
*/
th a {color: #F06; text-decoration: none; font-size: 1.1em;}
th a:visited {color: #F69;}
th a:hover {color: #F06; text-decoration: underline;}
thead tr, thead tr:hover, tfoot tr, tfoot tr:hover {color: #fff; font-size: 0.8em; background:#484D53;}
tr {font: 12px sans-serif; background: url(prettyinpink_row.png) repeat-x #F8F8F8; color: #666;}
tr:hover {background: #FFF;}
tbody tr:first-child{ color: red;}



#output{
background:#0D5995;
color:white;
padding:5px;
}